<!-- Content Header (Page header) -->
<link rel="stylesheet" href="css/zTreeStyle/metro.css">
<section class="content-header">
    <h1>
        节点列表
        <small>小心操作</small>
    </h1>
</section>
<!-- Main content -->
<section class="content">
    <div class="box box-info">

        <br>
        <ul class="nav nav-tabs" id="prjectTabs">
        </ul>
        <div class="box-header with-border">
            <h3 class="box-title"></h3>
        </div><!-- /.box-header -->
        <div class="box-body">
            <div class="table-responsive col-xs-12">
                <table class="table no-margin table-hover col-xs-12 container">
                    <thead>
                    <tr >
                        <th class="col-xs-1"><input type="checkbox" id="checkAll"></th>
                        <th class="col-xs-3">ip</th>
                        <th class="col-xs-4">服务</th>
                        <th class="col-xs-2">版本号</th>
                        <th class="col-xs-3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;操&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                        <!--<th>角色</th>-->
                    </tr>
                    </thead>
                    <tbody id="nodeMessage">
                    <!--<tr>-->
                        <!--<td><a  data-toggle='collapse' href='#collapseOne'>OR9842</a></td>-->
                        <!--<td>Call of Duty IV</td>-->
                        <!--<td><span class='label label-success'>Shipped</span></td>-->
                        <!--<td>-->
                            <!--<div class="checkbox">-->
                                <!--<label >-->
                                    <!--<input type="checkbox">-->
                                    <!--<span data-toggle="popover" title="单个操作" data-trigger="focus" data-html="true" data-content="<button>ss</button>">Check me out</span>-->
                                <!--</label-->
                                <!--&gt;-->
                                <!--<button type="button" class="btn btn-lg btn-danger" >点我弹出/隐藏弹出框</button>-->
                                <!--&nbsp;&nbsp;&nbsp;&nbsp;-->
                                <!--<label>-->
                                    <!--<input type="checkbox" disabled> <del>Check me out</del>-->
                                <!--</label>-->
                            <!--</div>-->
                        <!--</td>-->
                        <!--<td><div class='sparkbar' data-color='#00a65a' data-height='20'><canvas width='34' height='20' style='display: inline-block; width: 34px; height: 20px; vertical-align: top;'></canvas></div></td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td colspan='4'>-->
                            <!--<div id='collapseOne' class='panel-collapse collapse'>-->
                                <!--<div class='panel-body'>-->
                                    <!--<div class="checkbox">-->
                                        <!--<label >-->
                                            <!--<input type="checkbox"> Check ddd me out-->
                                        <!--</label>-->
                                        <!--&nbsp;&nbsp;&nbsp;&nbsp;-->
                                        <!--<label>-->
                                            <!--<input type="checkbox" disabled> <del>Check me out</del>-->
                                        <!--</label>-->
                                    <!--</div>-->

                                <!--</div>-->
                            <!--</div></td>-->
                    <!--</tr>-->
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->
        </div><!-- /.box-body -->
        <div class="box-footer clearfix">
            <!-- Split button -->
            <div class="btn-group">
                <button type="button" optationAll="start" class="btn btn-danger">批量重启</button>
                <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="caret"></span>
                    <span class="sr-only">Toggle Dropdown</span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#" optationAll="stop">批量停止</a></li>
                    <li><a href="#" optationAll="restart">批量发布升级</a></li>
                </ul>
            </div>
            <!--<a href='javascript:;' id='reStartAll' class='btn btn-sm btn-danger btn-flat pull-left'>批&nbsp;&nbsp;量&nbsp;&nbsp;重&nbsp;&nbsp;启</a>-->
        </div><!-- /.box-footer -->
    </div>

    <!-- Your Page Content Here -->

</section><!-- /.content -->


<div id="staticRestartDiv" class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel">选择文件</h4>
            </div>
            <div class="modal-body" >
                <ul id="tree" class="ztree" style="width:560px; overflow:auto;"></ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="releaseStatic">确认</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->



<script src="js/serverList.js"></script>
<script src="js/jquery.ztree.all-3.5.min.js"></script>
